更多相關連結: https://linktr.ee/wade3c

Pyscript是anaconda公司推出的一個十分有趣的專案，能夠透過web assembly讓python code可以在瀏覽器內被執行

最簡的使用方式可以透過CDN來引入js和css

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

目前的支援性可以看出還在早期的階段，Pyscript主要的三個component都有支援，也希望未來會有更全面的支援

• <py-script> 放python code的地方
• <py-repl> 獲得互動視窗
• <py-env> 放用到的套件、module

py-script

有兩種使用方式，可以直接在tag區域內寫code

<py-script>
"Hello World"
</py-script>

或是寫好py檔後include進來跑

<py-script src="/my_own_file.py"></py-script>

py-repl

<py-repl id="my-repl"  auto-generate="true"> </py-repl>

讓你能直接在網頁上打python code並即時看到結果

py-env

可以用來指定環境內會用到那些套件，load太多的話會讀取很久

<py-env>
- numpy
- paths:
  - /utils.py
  </py-env>

這裡pyscript實際會去讀的是套件的wheel檔

在開發的同時就能直接預覽最後會顯示的結果

Reference

PyScript | PyCharm

Live Edit in HTML, CSS, and JavaScript | WebStorm